@charset "utf-8";

html {
    font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

/* CSS Document */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
button,
textarea,
blockquote,
p,
span,
a,
img,
span {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    border: none;
}

a {
    color: #333;
    outline: none;
    border: none;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.mt20 {
    margin-top: 20px;
}

.mb40 {
    margin-bottom: 40px;
}

.xl {
    width: 100%;
    min-width: 1200px;
    height: 40px;
    text-align: left;
    background: url(../images/xl.jpg) #0d112b center center no-repeat;
}

.xl a {
    display: block;
    width: 1000px;
    height: 40px;
    color: #000000;
    text-align: left;
}

.headerbg {
    width: 100%;
    min-width: 1200px;
    height: 30px;
    background: #fafafa;
    border-bottom: 1px solid #dfdfdf;
}

.header {
    margin: 0 auto;
    width: 1200px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #888888;
}

.header-left {
    float: left;
    width: 600px;
    height: 30px;
}

.header-left a {
    color: #888888;
}

.header-right {
    width: 400px;
    float: right;
    text-align: right;
    padding-right: 30px;
}

.header-right a {
    color: #888888;
    text-decoration: none;
}

.header-right a:hover {
    color: #007c67;
    text-decoration: none;
}

.top {
    box-sizing: border-box;
    margin: 0 auto;
    width: 1200px;
    height: 100px;
    padding-top: 23px;
}

.top-left {
    /* width: 239px; */
    height: 54px;
    font-family: "Microsoft Yahei";
    float: left;
    position: relative;
}

.top-left::after {
    display: block;
    content: "";
    width: 2px;
    height: 35px;
    background: #f0f1f5;
    position: absolute;
    left: 218px;
    ;
    top: 8px;
}

.top-left a {
    display: block;
    float: left;
}

.top-left p {
    float: left;
    margin-left: 27px;
    line-height: 54px;
    font-size: 20px;
    color: rgba(39, 40, 72, 0.8);
}



#nav_composition {
    margin: 0 auto;
    width: 1200px;
    height: 50px;
}

.nav-left {
    width: 215px;
    height: 50px;
    padding: 0 0 0 45px;
    line-height: 50px;
    font-family: "Microsoft Yahei";
    color: #ffffff;
    font-size: 18px;
    background: url(../images/three.jpg) #ff8400 20px center no-repeat
}

#nav {
    float: left;
    width: 910px;
    height: 50px;
    z-index: 999999999 !important;
    margin-left: 269px;
}

a.white,
a.white:link,
a.white:active,
a.white:visited {
    width: auto;
    height: 50px;
    line-height: 50px;
    float: left;
    font-size: 16px;
    font-family: "Microsoft Yahei";
    text-align: center;
    padding: 0 25px 0 25px;
    color: #272848;
}

a.white:hover {

    text-decoration: overline
}

#nav dl {
    display: block;
    float: left;
    position: relative;
    /* background: url(../images/navbg.jpg) no-repeat left; */
    height: 100%;
    position: relative;
    margin-right: 30px;
}

#nav dl dt {
    height: 50px;
}

#nav dl dt span.arrow {
    display: block;
    content: "";
    width: 11px;
    height: 5px;
    background: url(../images/index_new/arrow.png) no-repeat center;
    position: absolute;
    top: 45%;
    right: 10px;
}

#nav dl dt:hover a {
    color: #0c9;
    text-decoration: none;
}

#nav dl dt:hover span.arrow {
    display: block;
    content: "";
    width: 11px;
    height: 5px;
    background: url(../images/index_new/arrow-h.png) no-repeat center;
    position: absolute;
    top: 45%;
    right: 10px;
}

#nav dl.campus dt span.arrow {
    display: block;
    content: "";
    width: 16px;
    height: 17px;
    background: url(../images/index_new/gift.png) no-repeat center;
    position: absolute;
    top: 16px;
    left: 5px;
    right: 0;
}



#nav dl .hove a {
    text-decoration: none;
    color: #0c9;
}

#nav dl .hove1 a {
    color: #333333;
    text-decoration: none;
}

#nav dl dd {
    position: absolute;
    z-index: 999999999 !important;
    left: 0px;
    top: 50px;
    background: #fff;
    border-right: none;
    box-shadow: 0 0 10px #999;
    border-radius: 3px;
    overflow: hidden;
    display: none;
}

#nav dl.campus dd {
    width: 300px;
    position: absolute;
    z-index: 999999999 !important;
    left: -100px;
    top: 50px;
    background: #fff;
    border-right: none;
    box-shadow: 0 0 10px #999;
    border-radius: 3px;
    box-sizing: border-box;
}

#nav dl dd li:hover {
    background: #eee;
}

#nav dl.project:hover dd {
    display: block;
}

#nav dl.campus:hover dd {
    display: block;
}

#nav dl.campus dd li a {
    display: block;
    line-height: 22px;
    overflow: hidden;
    color: #272848;
    text-align: left;
    font-size: 14px;
    padding: 15px 0 15px 60px;
}

#nav dl dd.navcourse {
    width: 210px;
    box-sizing: border-box;
    padding-bottom: 15px;
}

#nav dl dd.navcourse li {
    width: 100%;

}

.ddhover {
    position: absolute;
    left: 160px;
    top: -6px;
    width: 14px;
    height: 6px;
    z-index: 999999;
}

#nav dl dd li {
    float: left;
    box-sizing: border-box;
    line-height: 1;
    width: 50%;
}

.android-course {
    float: left;

    padding: 0 0 0 80px;
    overflow: hidden;
}

.banner i.new {}

.banner i.new:after {
    content: 'New！';
    width: 36px;
    height: 12px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-style: italic;
    color: #FF0000;
    line-height: 45px;
    margin-left: 8px;
}

#nav dl dd li a.java-course {
    padding: 15px 0 15px 50px;
    color: #272848;
    text-align: left;
    float: left;
    background: url(../images/index_new/java.png) 20px center no-repeat;

}

#nav dl dd li a.jichuban-course {
    padding: 15px 0 15px 50px;
    color: #272848;
    text-align: left;
    float: left;
    background: url(../images/index_new/hot.png) 20px center no-repeat;

}

#nav dl dd li a.jichuban-course:hover,
#nav dl dd li a.html5-course:hover,
#nav dl dd li a.bd-course:hover,
#nav dl dd li a.wh-course:hover,
#nav dl dd li a.bj-course:hover,
#nav dl dd li a.sz-course:hover,
#nav dl dd li a.xa-course:hover,
#nav dl dd li a.sh-course:hover,
#nav dl dd li a.dc-course:hover,
#nav dl dd li a.cd-course:hover {
    color: #0c9;
}

#nav dl dd li a.html5-course {
    padding: 15px 0 15px 50px;
    color: #272848;
    text-align: left;
    float: left;
    background: url(../images/index_new/web.png) 20px center no-repeat;

}

#nav dl dd li a.bd-course {
    padding: 15px 0 15px 50px;
    color: #272848;
    float: left;
    background: url(../images/index_new/bigdata.png) 20px center no-repeat;
    overflow: hidden;

}

#nav dl dd li a.ui-course {
    padding: 15px 0 15px 50px;
    color: #272848;
    float: left;
    background: url(../images/index_new/ui.png) 20px center no-repeat;
    overflow: hidden;

}

#nav dl dd li a.dc-course {
    padding: 15px 0 15px 50px;
    color: #272848;
    float: left;
    background: url(../images/index_new/dc.png) 20px center no-repeat;
    overflow: hidden;

}

#nav dl dd li a.iot-course {
    padding: 15px 0 15px 50px;
    color: #272848;
    float: left;
    background: url(../images/index_new/iot.png) 20px center no-repeat;
    background-size: 20px;
    overflow: hidden;

}

#nav dl dd li a.ai-course {
    padding: 15px 0 15px 50px;
    color: #272848;
    float: left;
    background: url(../images/index_new/ai.png) 20px center no-repeat;
    background-size: 20px;
    overflow: hidden;

}

#nav dl dd li a.hm-course {
    padding: 15px 0 15px 50px;
    color: #272848;
    float: left;
    background: url(../images/index_new/hm.png) 20px center no-repeat;
    background-size: 20px;
    overflow: hidden;

}

#nav dl.campus dd li a.bj-course::before {
    content: '北京';
    position: absolute;
    line-height: 18px;
    top: 14px;
    left: 20px;
    background: #ff514d;
    padding: 2px 5px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 3px;
}

#nav dl dd li a.bj-course {
    color: #272848;
    float: left;
    overflow: hidden;
    position: relative;
}


#nav dl.campus dd li a.sh-course::before {
    content: '上海';
    position: absolute;
    line-height: 18px;
    top: 14px;
    left: 20px;
    background: #ff9100;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 2px 5px;
    border-radius: 3px;
}

#nav dl dd li a.sh-course {
    color: #272848;
    float: left;
    overflow: hidden;
    position: relative;
}

#nav dl.campus dd li a.sz-course::before {
    content: '深圳';
    position: absolute;
    line-height: 18px;
    top: 14px;
    left: 20px;
    background: #488eff;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 2px 5px;
    border-radius: 3px;
}

#nav dl dd li a.sz-course {
    color: #272848;
    float: left;
    overflow: hidden;
    position: relative;
}

#nav dl.campus dd li a.wh-course::before {
    content: '武汉';
    position: absolute;
    line-height: 18px;
    top: 14px;
    left: 20px;
    background: #ff3b8b;
    color: #fff;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 12px;
}

#nav dl dd li a.wh-course {
    color: #272848;
    float: left;
    overflow: hidden;
    position: relative;
}

#nav dl.campus dd li a.xa-course::before {
    content: '西安';
    position: absolute;
    line-height: 18px;
    top: 14px;
    left: 20px;
    background: #d35500;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 2px 5px;
    border-radius: 3px;
}

#nav dl dd li a.xa-course {
    color: #272848;
    float: left;
    overflow: hidden;
    position: relative;
}

#nav dl.campus dd li a.cd-course::before {
    content: '成都';
    position: absolute;
    line-height: 18px;
    top: 14px;
    left: 20px;
    background: #00c4b5;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 2px 5px;
    border-radius: 3px;
}

#nav dl dd li a.cd-course {
    color: #272848;
    float: left;
    overflow: hidden;
    position: relative;
}

.bd-course span {
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.ui-course span {
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

#nav dl dd li a.bdp-course {
    width: 140px;
    height: auto;
    color: #333;
    text-align: center;
    float: left;
    padding: 80px 15px 0 15px;
    background: url(../images/indexIcon/bdp.png) center 20px no-repeat;
    overflow: hidden;
    background-size: 75px;
}

.bdp-course span {
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

#nav dl dd li a.qkl-course {
    width: 140px;
    height: auto;
    color: #333;
    text-align: center;
    float: left;
    padding: 80px 15px 0 15px;
    background: url(../images/indexIcon/qkl.png) center 20px no-repeat;
    overflow: hidden;
    background-size: 55px;
}

#nav dl.freevideo dd {
    width: 115px;
    position: absolute;
    z-index: 999999999 !important;
    left: 0px;
    top: 50px;
    background: #fff;
    border-right: none;
    box-shadow: 0 0 10px #999;
    border-radius: 3px;
    box-sizing: border-box;
}

#nav dl.freevideo:hover dd {
    display: block;
}

#nav dl.freevideo dd ul li {
    width: 100%;
    float: none;
    padding: 0;
}

#nav dl.freevideo dd ul li a {
    width: 100%;
    padding: 15px 0 15px 28px;
    box-sizing: border-box;
}

#nav dl.freevideo dd ul li a:hover {
    color: #0c9
}

.qkl-course span {
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

#nav dl dd li a.linux-course {
    width: 140px;
    height: auto;
    color: #333;
    text-align: center;
    float: left;
    padding: 80px 15px 0 15px;
    background: url(../images/indexIcon/linux.png) center 20px no-repeat;
    overflow: hidden;
    background-size: 65px;
}

.linux-course span {
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}


.bd-course a {
    display: block;
}

.php-course {
    float: left;
    width: 117px;
    height: 100px;
    padding: 0 0 0 105px;
    background: url(../images/phpbg.png) 10px center no-repeat;
    overflow: hidden;
}

.php-course span {
    display: block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    font-family: "Microsoft Yahei";
}

.php-course a {
    display: block;
}

.android-course span {
    display: block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    font-family: "Microsoft Yahei";
}

.android-course a {
    display: block;
}

.python-course span {

    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.python-course a {
    display: block;
}

.java-course span {

    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}





.html5-course span {
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.html5-course a {
    display: block;
}

.comment {
    float: left;
    width: 120px;
    height: 100px;
    padding: 0 0 0 100px;
    background: url(../images/indexIcon/gy.png) 20px center no-repeat;
}

.comment span {
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.comment a {
    display: block;
}

.together {
    float: left;
    width: 120px;
    height: 100px;
    padding: 0 0 0 100px;
    background: url(../images/indexIcon/hj.png) 20px center no-repeat;
}

.together span {
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.together a {
    display: block;
}

.activities {
    float: left;
    width: 120px;
    height: 100px;
    padding: 0 0 0 100px;
    background: url(../images/indexIcon/fc.png) 20px center no-repeat;
}

.activities span {
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.activities a {
    display: block;
}

.environment {
    float: left;
    width: 120px;
    height: 100px;
    padding: 0 0 0 100px;
    background: url(../images/environment.jpg) 20px center no-repeat;
}

.environment span {
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.environment a {
    display: block;
}

.onlineclass {
    float: left;
    width: 120px;
    height: 100px;
    padding: 0 0 0 100px;
    background: url(../images/indexIcon/guli.png) 20px center no-repeat;
}

.baoming {
    float: left;
    width: 120px;
    height: 100px;
    padding: 0 0 0 100px;
    background: url(../images/indexIcon/baoming.png) 20px center no-repeat !important;
}

.jiaofei {
    float: left;
    width: 120px;
    height: 100px;
    padding: 0 0 0 100px;
    background: url(../images/indexIcon/jiaofei.png) 20px center no-repeat !important;
}

.onlineclass span {
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.onlineclass a {
    display: block;
}

.liveclassroom {
    float: left;
    width: 120px;
    height: 100px;
    padding: 0 0 0 100px;
    background: url(../images/indexIcon/live.png) 20px center no-repeat;
}

.liveclassroom span {
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.liveclassroom a {
    display: block;
}

.videodownload {
    float: left;
    width: 120px;
    height: 100px;
    padding: 0 0 0 100px;
    background: url(../images/indexIcon/download.png) 20px center no-repeat;
}

.videodownload span {
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.datadownload a {
    display: block;
}

.datadownload {
    float: left;
    width: 120px;
    height: 100px;
    padding: 0 0 0 100px;
    background: url(../images/indexIcon/download1.png) 20px center no-repeat;
}

.datadownload span {
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.datadownload a {
    display: block;
}

#nav dl dd li a {
    display: block;
    line-height: 1;
    overflow: hidden;
    color: #272848;
    text-align: left;
    font-size: 14px;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
}

#nav dl dd.course-sub-nav li a {
    display: block;
    line-height: 22px;
    overflow: hidden;
    color: #272848;
    text-align: left;
    font-size: 14px;
}

#nav dl dd li a:hover {
    display: block;
    /*color: #ffe59f;*/
    text-decoration: none;
}

.bannerbg {
    margin: 0 auto;
    width: 1200px;
    height: 370px;
}

.banner-left {
    width: 258px;
    height: 368px;
    border: 1px solid #dfdfdf;
}



.banner-left ul li {
    height: 51px;
    background: url(../images/new-link.jpg) 12px center no-repeat;
    line-height: 51px;
    border-bottom: 1px solid #dfdfdf;
}

.banner-left ul li a {
    padding: 0 0 0 30px;
    color: #2b2b2b;
    font-family: "Microsoft Yahei";
    font-size: 14px;
}

.banner-left ul li a:hover {
    padding: 0 0 0 30px;
    color: #2b2b2b;
    font-family: "Microsoft Yahei";
    font-size: 14px;
    text-decoration: underline;
}

#banner {
    float: right;
    width: 940px;
    height: 370px;
}

#banner img {
    width: 940px;
    height: 370px;
}

#focus {
    position: relative;
    width: 940px;
    height: 370px;
    overflow: hidden;
}

#banner_list img {
    border: 0px;
}

#banner_bg {
    position: absolute;
    bottom: 0;
    background-color: #000;
    height: 30px;
    filter: Alpha(Opacity=30);
    opacity: 0.3;
    z-index: 1000;
    cursor: pointer;
    width: 100%;
}

#banner_info {
    position: absolute;
    bottom: 0;
    left: 5px;
    height: 22px;
    color: #fff;
    z-index: 1001;
    cursor: pointer
}

#banner_text {
    position: absolute;
    width: 260px;
    z-index: 1002;
    right: 3px;
    bottom: 3px;
}

#focus ul {
    position: absolute;
    list-style-type: none;
    filter: Alpha(Opacity=80);
    opacity: 0.8;
    border: 1px solid #fff;
    z-index: 1002;
    margin: 0;
    padding: 0;
    bottom: 3px;
    right: 5px;
}

#focus ul li {
    padding: 0px 8px;
    float: left;
    display: block;
    color: #FFF;
    border: #e5eaff 1px solid;
    background: #838383;
    cursor: pointer
}

#focus ul li.on {
    background: #900
}

#banner_list a {
    position: absolute;
}

.KSS_titleBar {
    background: none !important;
}



#btnlistID li {
    opacity: 1 !important;
    font-family: "Microsoft Yahei" !important;
    color: #ffffff !important;
    margin: 0 !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
}

.KSS_titleBox h2 {
    display: none !important;
}

#KinSlideshow {
    margin: 0 auto;
}

/* banner #start */
.banner {
    position: relative;
    width: 100%;
    height: 400px;
}

.focusing {
    position: absolute;
    top: -50px;
    left: 0;
    width: 234px;
    height: 450px;
    z-index: 100;
    font-family: "Microsoft Yahei";
    border-radius: 8px 8px 0px 0px;

}

.focusing .tlt {

    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #0c9;
    text-align: center;
    letter-spacing: 3px;
    border-radius: 8px 8px 0px 0px;
}

.focusing .tlt span {
    font-size: 32px;
}

.focus-icon {
    display: block;
    float: left;
    width: 20px;
    height: 16px;
    background: url(../images/focus.png) center no-repeat;
    margin: 15px 8px 0 0;
}

.focusing #newadd {

    background-color: rgba(38, 38, 38, .6);
    height: 400px;
    box-sizing: border-box;
}

.focusing li:last-child {
    border-bottom: 0;
}

.focusing li {
    position: relative;
    width: 234px;
    height: 66.5px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;


    border-bottom: 1px solid #0D213A;
}


.focusing li.hot a {
    font-weight: bold;
    color: #FFEB42;
}

.focusing li.hot:after {
    content: '';
    display: block;
    position: absolute;

    width: 16px;
    height: 19px;
    background: url("../images/index_new/hot.png") no-repeat center center;

    top: 21px;
    left: 131px;


}

.hm-nav {
    position: relative;
}

.focusing .hm-nav a {
    color: #FFEB42;
    font-weight: bold;
}

.subnav {
    position: absolute;
    display: none;

    top: 10px;
    left: 245px;

    width: 341px;
    height: 380px;
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 4px rgba(87, 101, 126, 0.45);
    border-radius: 10px;

    z-index: 99;

}


.sub-nav-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 15px;
}

.sub-nav-item {
    margin-bottom: 15px;
    flex-grow: 1;
    width: 311px;
    height: 167px;
    background: #4276ED;
    border-radius: 10px;
    text-align: center;
}

.sub-nav-item:last-child {
    background: #FA3A66;
    border-radius: 10px;
}


.sub-nav-item span.b{
    color: #FFEB42;
    font-weight: bold;
}

.sub-nav-item p:first-child {
    width: 311px;
    height: 53px;
    background: #2961E2;
    border-radius: 10px 10px 0px 0px;

    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 53px;

}
.sub-nav-item:last-child p:first-child {
    background: #E33A61;
    border-radius: 10px 10px 0px 0px;
}
.sub-nav-item p:nth-child(2) {

    padding-top: 12px;

    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 22px;

}

.sub-nav-item p:last-child {

    padding-top: 23px;

    text-align: center;
    border-radius: 16px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 34px;
    font-weight: bold;
}

.sub-nav-item p a {
    position: relative;
    display: inline-block;
    width: 260px;
    height: 28px;
    border-radius: 13px;
    border: 1px solid #FFFFFF;

    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
}

.sub-nav-item p a::after {
   content: '';
   display: inline-block;
   position: absolute;
   
   width: 26px;
   height: 30px;

   top: 10px;
   margin-left: 10px;

   background: url(../images/index_new/hand.png) no-repeat center center;



}


.focusing li a {
    height: 100%;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    padding-left: 33px;


    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;

}

.focusing li:hover a {
    background-color: rgba(0, 0, 0, .6);
    color: #FFEB42;
}

.focusing li:hover dt {
    color: #ffeb42 !important;
}

.focusing li.slide-chengdu:hover a {
    background: transparent;
}

.focusing li.slide-chengdu:hover dt {
    color: #fff !important;
    font-weight: bold;
}

.focusing li.slide-chengdu {
    margin-bottom: 0;
    width: 229px;
    height: 68px;
    background: linear-gradient(182deg, rgba(255, 171, 150, .9) 0%, rgba(255, 15, 71, .9) 100%);
    line-height: 1;
    border-radius: 0px 9px 9px 0px;
    text-align: center;
    padding-top: 12px;
}

.focusing li.slide-chengdu::after {
    width: 0;
}


.focusing li.slide-chengdu .focus-tlt {
    margin: 0;
}

.focusing li.slide-chengdu dt {
    font-size: 16px;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

.focusing li.slide-chengdu:hover p {
    font-weight: bold;

}

.focusing li.slide-chengdu p {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
}

.focus-tlt {
    margin: 5px 0 3px 0;
}

.focus-tlt a {
    color: #333;
}

.focus-tlt a:hover {
    color: #e73f3e;
}

.focusing dt {
    font-size: 16px;
}

.focusing dt span {
    font-size: 14px;
    margin-right: 3px;
}

.focusing p {
    line-height: 15px;
    font-size: 14px;
    color: #666666;

}

.focusing p span {
    margin: 0 0 0 5px;
}

.focusing p span:first-child {
    margin-left: 15px;
}

.sub-focus {
    display: none;
    position: absolute;
    top: 0;
    left: 260px;
    width: 128px;
    height: 399px;
    border: 1px solid #ccc;
    background: rgba(255, 255, 255, 0.9);

}

.sub-focus dd {
    text-align: center;
    font-size: 12px;
    height: 69px;
    padding-top: 10px;
    position: relative;

}

.sub-focus dd:after {
    content: '';
    display: block;
    position: absolute;
    width: 64px;
    height: 5px;
    border-bottom: 1px solid #e5e5e5;
    bottom: 0;
    left: 50%;
    margin-left: -32px;

}

.focusing li:hover .sub-focus {
    display: block;
}

.ficon {
    display: block;
    margin: 5px auto 5px auto;
    width: 20px;
    height: 21px;
    background: url(../images/indexIcon/dg.png) center no-repeat;
}

.ficon-dg {
    background: url(../images/indexIcon/dg.png) center no-repeat;
}

.ficon-xz {
    background: url(../images/indexIcon/xz.png) center no-repeat;
}

.ficon-ll {
    background: url(../images/indexIcon/ll.png) center no-repeat;
}

.ficon-xiaz {
    background: url(../images/indexIcon/xiaz.png) center no-repeat;
}

.ficon-jl {
    background: url(../images/indexIcon/jl.png) center no-repeat;
}

.ficon-zb {
    background: url(../images/indexIcon/zb.png) center no-repeat;
}

.sub-1 {
    top: 0;
}

.sub-2 {
    top: -100px;
}

.sub-3 {
    top: -200px;
}

.sub-4 {
    top: -300px;
}

.sub-5 {
    top: -237px;
}


.sub-focus dd:hover .ficon-dg {
    background: url(../images/indexIcon/dg_h.png) center no-repeat;
}

.sub-focus dd:hover .ficon-xz {
    background: url(../images/indexIcon/xz_h.png) center no-repeat;
}

.sub-focus dd:hover .ficon-ll {
    background: url(../images/indexIcon/ll_h.png) center no-repeat;
}

.sub-focus dd:hover .ficon-xiaz {
    background: url(../images/indexIcon/xiaz_h.png) center no-repeat;
}

.sub-focus dd:hover .ficon-jl {
    background: url(../images/indexIcon/jl_h.png) center no-repeat;
}

.sub-focus dd:hover .ficon-zb {
    background: url(../images/indexIcon/zb_h.png) center no-repeat;
}

.swiper-box {
    position: relative;
}

.swiper-tl {
    position: absolute;
    width: 940px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -340px;
}

.swiper-pagination {
    bottom: 20px;
    left: 50%;
    margin-left: -60px;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 5px;
}

.swiper-slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 400px;
}

.swiper-slide a,
.swiper-slide img {
    display: block;
    height: 100%;
    width: auto;
}

.swiper-slide img {
    visibility: hidden;
}

.swiper-button-next,
.swiper-button-prev {
    display: none;
}

.swiper-box:hover .swiper-button-next,
.swiper-box:hover .swiper-button-prev {
    display: block;
}

/* banner #end */

/* 其它导航 #start */

.other-nav {
    margin: 0 auto;
    width: 1200px;
    padding: 50px 0 0 0;
}

.other-nav ul::after {
    content: "";
    display: block;
    clear: both;
}

.other-nav ul li {
    width: 232px;
    height: 120px;
    float: left;
    margin-right: 10px;
    line-height: 120px;
    border-radius: 5px;
    box-sizing: border-box;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 5px #ddd;
    letter-spacing: 5px;
    font-weight: bold;
}

.other-nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #272848;
    font-size: 18px;
    padding-left: 28px;
    box-sizing: border-box;
    line-height: 120px;
}

.other-nav ul li a:active {
    background: #0c9;
    color: #fff;
}

.other-nav ul li:nth-child(1) a p {
    background: url(../images/indexIcon/icon/kbjh.png?v1)left center no-repeat;
    position: relative;
    padding-left: 74px;
}

.other-nav ul li:nth-child(2) a p {
    background: url(../images/indexIcon/icon/xfbz.png?v1)left center no-repeat;
    position: relative;
    padding-left: 74px;
}

.other-nav ul li:nth-child(3) a p {
    background: url(../images/indexIcon/icon/rxlc.png?v1)left center no-repeat;
    position: relative;
    padding-left: 74px;
}

.other-nav ul li:nth-child(4) a p {
    background: url(../images/indexIcon/icon/lxlx.png?v1)left center no-repeat;
    position: relative;
    padding-left: 74px;
}

.other-nav ul li:nth-child(5) a p {
    background: url(../images/indexIcon/icon/spxz.png?v1)left center no-repeat;
    position: relative;
    padding-left: 74px;
}

.other-nav ul li:hover {
    box-shadow: 0 0 10px #ccc;
}

.other-nav ul li:last-child {
    margin: 0;
}

/* 其它导航 #end */

.tp span {
    line-height: 40px;
    font-family: "Microsoft Yahei";
    font-weight: normal;
    font-size: 24px;
    color: #555;
    display: inline-block;

    padding-left: 33px;
    background: url(../images/indexIcon/icon/shikuang.png) left center no-repeat;
}

.tp span.icon-gy {
    background: url(../images/indexIcon/icon/ganyan.png) left center no-repeat;
}

.tp span.icon-gy1 {
    background: url(../images/indexIcon/icon/ganyan1.png) left center no-repeat;
}

.tp span.icon-zx {
    background: url(../images/indexIcon/icon/zhenxiang.png) left center no-repeat;
}

.tp span.icon-zp {
    background: url(../images/indexIcon/icon/zhaopin.png) left center no-repeat;
}

.tp span.icon-xx {
    background: url(../images/indexIcon/icon/xuexi.png) left center no-repeat;
}

.tp span.icon-hd {
    background: url(../images/indexIcon/icon/huodong.png) left center no-repeat;
}

.tp span.icon-ry {
    background: url(../images/indexIcon/jsry/reyi_icon.png) left center no-repeat;
    padding-left: 35px;
}

/** 就业统计 #start **/
.job-con {
    margin: 80px auto 0 auto;
}

.job-con .tp span {
    line-height: 40px;
    font-family: "Microsoft Yahei";
    font-weight: normal;
    font-size: 24px;
    color: #555;
    display: inline-block;
}

.job-con .tp span b {
    font-size: 14px;
    font-weight: normal;
    color: #ababab;
    margin-left: 20px;
}

.job-con .tp .more {
    float: right;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    padding: 10px 0 0 0;
}

.job-con .con {
    margin: 15px 0;
}

.job-con .con li {
    float: left;
    width: 232px;
    margin: 0 10px 20px 0;
}

.job-con .con li:last-child {
    margin: 0;
}

.job-month {
    width: 100%;
    border: 1px solid #efefef;
    font-family: "Microsoft Yahei";
    font-size: 14px;
    text-align: center;
    background: #fafafa;
}

.job-month:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px;
}

.job-month a {
    color: #333;
}

.job-month .mt {
    position: relative;
    height: 100px;
}

.job-month .mt .mt-tp {
    width: 100px;
    position: absolute;
    top: 10px;
    font-size: 16px;
    text-align: center;
    color: #333;
}

.job-month .mt .mt-tp .num {
    font-size: 70px;
    font-family: Arial;
    line-height: 80px;
}

.job-month .mt p {
    width: 120px;
    padding: 10px;
    margin: 14px 0 0 0;
    float: right;
    font-size: 18px;
}

.job-month .mt p span {
    color: red;
    font-size: 26px;
}

.job-month .memo {
    background: #f0f0f0;
}

.job-month .memo p {
    line-height: 25px;
    padding: 10px;
}

.job-month .star {
    padding: 10px;
    line-height: 25px;
    margin: 0 0 15px 0;
}

.job-month .star-name {
    margin: 10px 0 5px 0;
}

.job-month .star-name span {
    position: relative;
    padding: 0 10px;
}

.job-month .star-name span:before {
    content: '';
    display: block;
    position: absolute;
    width: 36.5px;
    height: 16px;
    background: url(../images/indexIcon/star-name.png) center no-repeat;
    background-position: 0 0;
    top: 1px;
    left: -36.5px;
}

.job-month .star-name span:after {
    content: '';
    display: block;
    position: absolute;
    width: 36.5px;
    height: 16px;
    background: url(../images/indexIcon/star-name.png) center no-repeat;
    background-position: -36.5px 0;
    top: 1px;
    right: -36.5px;
}

/** 就业统计 #end **/

/** 开班 #start**/
.kb-con {
    margin: 80px auto 0 auto;
    font-family: "Microsoft Yahei";
}

.kb-con .tp span {
    line-height: 40px;
    font-weight: normal;
    font-size: 24px;
    color: #000000;
}

.kb-con .tp .more {
    float: right;
    font-size: 14px;
    font-family: "Microsoft Yahei";
    padding: 10px 0 0 0;
}

.kb-con .con {
    margin-top: 15px;
    padding-bottom: 70px;
}

.kb-con .course {
    background: #fff;
    height: 378px;
    margin: 20px 0 0 0;
    box-shadow: 0 0 15px #ccc;
    border-radius: 10px;
    overflow: hidden;
}

.kb-con .c1,
.kb-con .c2,
.kb-con .c3,
.kb-con .c4 {
    float: left;
    margin-left: 30px;
}

.kb-con .c-java .c1 {
    width: 256px;
    height: 378px;
    margin-left: 0;
    position: relative;
    background: url(../images/indexIcon/javaclass.png) center center no-repeat;
}

.kb-con .c-hm .c1 {
    width: 256px;
    height: 378px;
    margin-left: 0;
    position: relative;
    background: url(../images/indexIcon/hmclass.png) center center no-repeat;
}

.kb-con .c-html .c1 {
    width: 256px;
    height: 378px;
    margin-left: 0;
    position: relative;
    background: url(../images/indexIcon/htmlclass.png) center center no-repeat;
}

.kb-con .c-bigdata .c1 {
    width: 256px;
    height: 378px;
    margin-left: 0;
    position: relative;
    background: url(../images/indexIcon/bigdataclass.png) center center no-repeat;
}

.kb-con .c-iot .c1 {
    width: 256px;
    height: 401px;
    margin-left: 0;
    position: relative;
    background: url(../images/indexIcon/iotclass.png) bottom center no-repeat;
}

.kb-con .c-ai .c1 {
    width: 256px;
    height: 401px;
    margin-left: 0;
    position: relative;

    background: url(../images/indexIcon/aiclass.png) bottom center no-repeat;
    background-color: #FF6A73;
}

.kb-con .c-ui .c1 {
    width: 256px;
    height: 378px;
    margin-left: 0;
    position: relative;
    background: url(../images/indexIcon/uiclass.png?v1) center center no-repeat;
}

.kb-con .c-jichu .c1 {
    width: 256px;
    height: 378px;
    margin-left: 0;
    position: relative;
    background: url(../images/indexIcon/jichu-bg.png) center center no-repeat;
}

.c1-t {
    position: absolute;
    top: 80px;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.c1-b {
    position: absolute;
    top: 120px;
    width: 80%;
    left: 10%;
    padding: 8px 0;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.c1-b a {
    color: #fff;
}

.kb-con .c2 {
    width: 424px;
    text-align: center;
    line-height: 25px;
    height: 332px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 25px;
}

.kb-con .c3 {
    width: 460px;
    padding-top: 25px;
    margin-left: 12px;
}

.kb-con .c3 li {
    width: 460px;
    margin-bottom: 28px;
    height: 152px;
    border-radius: 5px;
    overflow: hidden;
}

.kb-con .c3 li a {
    width: 208px;
    height: 152px;
    margin-left: 18px;
    float: left;
    border-radius: 5px;
}

.kb-con .c3 li:last-child {
    margin: 0;
}

.kb-con .c-java .c3 li a.row1 {
    line-height: 1;
    text-align: center;
    background: #5978ff;
}

.kb-con .c-java .c3 li a.row1:hover p {
    background: url(../images/indexIcon/icon/j-kchouver.png?v1)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-java li a.row2 {
    line-height: 1;
    text-align: center;
    background: #5978ff;
}

.kb-con .c-java .c3 li a.row2:hover p {
    background: url(../images/indexIcon/icon/j-szhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-java .c3 li a.row3 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #5978ff;
}

.kb-con .c-java .c3 li a.row3:hover p {
    background: url(../images/indexIcon/icon/j-bfhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-java .c3 li a.row4 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #5978ff;
}

.kb-con .c-java .c3 li a.row4:hover p {
    background: url(../images/indexIcon/icon/j-qjhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-java .c3 li a:hover {
    background: url(../images/indexIcon/icon/j-kkbghover.png) center center no-repeat
}




.kb-con .c-hm .c3 li a.row1 {
    line-height: 1;
    text-align: center;
    background: #FF6A73
}

.kb-con .c-hm .c3 li a.row1:hover p {
    background: url(../images/indexIcon/icon/hm-kchover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-hm li a.row2 {
    line-height: 1;
    text-align: center;
    background: #FF6A73
}

.kb-con .c-hm .c3 li a.row2:hover p {
    background: url(../images/indexIcon/icon/hm-szhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-hm .c3 li a.row3 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #FF6A73
}

.kb-con .c-hm .c3 li a.row3:hover p {
    background: url(../images/indexIcon/icon/hm-bfhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-hm .c3 li a.row4 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #FF6A73
}

.kb-con .c-hm .c3 li a.row4:hover p {
    background: url(../images/indexIcon/icon/hm-qjhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-hm .c3 li a:hover {
    background: url(../images/indexIcon/icon/j-kkbghover.png) center center no-repeat
}






.kb-con .c-html .c2 li {
    padding: 15px 0;
}

.kb-con .c-html .c3 li a.row1 {
    line-height: 1;
    text-align: center;
    background: #ffa459;
}

.kb-con .c-html .c3 li a.row1:hover p {
    background: url(../images/indexIcon/icon/h-kchover.png?v1)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-html li a.row2 {
    line-height: 1;
    text-align: center;
    background: #ffa459;
}

.kb-con .c-html .c3 li a.row2:hover p {
    background: url(../images/indexIcon/icon/h-szhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-html .c3 li a.row3 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #ffa459;
}

.kb-con .c-html .c3 li a.row3:hover p {
    background: url(../images/indexIcon/icon/h-bfhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-html .c3 li a.row4 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #ffa459;
}

.kb-con .c-html .c3 li a.row4:hover p {
    background: url(../images/indexIcon/icon/h-zchover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-html .c3 li a:hover {
    background: url(../images/indexIcon/icon/h-kkbghover.png) center center no-repeat
}



.kb-con .c-bigdata .c3 li a.row1 {
    line-height: 1;
    text-align: center;
    background: #45e6bd;
}

.kb-con .c-bigdata .c3 li a.row1:hover p {
    background: url(../images/indexIcon/icon/b-kchover.png?v1)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-bigdata li a.row2 {
    line-height: 1;
    text-align: center;
    background: #45e6bd;
}

.kb-con .c-bigdata .c3 li a.row2:hover p {
    background: url(../images/indexIcon/icon/b-szhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-bigdata .c3 li a.row3 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #45e6bd;
}

.kb-con .c-bigdata .c3 li a.row3:hover p {
    background: url(../images/indexIcon/icon/b-bfhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-bigdata .c3 li a.row4 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #45e6bd;
}

.kb-con .c-bigdata .c3 li a.row4:hover p {
    background: url(../images/indexIcon/icon/b-zchover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-bigdata .c3 li a:hover {
    background: url(../images/indexIcon/icon/b-kkbghover.png) center center no-repeat
}


/* iot 课程 开始 **/


.kb-con .c-iot .c3 li a.row1 {
    line-height: 1;
    text-align: center;
    background: #8C59FF;
}

.kb-con .c-iot .c3 li a.row1:hover p {
    background: url(../images/indexIcon/icon/b-kchover.png?v1)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-iot li a.row2 {
    line-height: 1;
    text-align: center;
    background: #8C59FF;
}

.kb-con .c-iot .c3 li a.row2:hover p {
    background: url(../images/indexIcon/icon/b-szhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-iot .c3 li a.row3 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #8C59FF;
}

.kb-con .c-iot .c3 li a.row3:hover p {
    background: url(../images/indexIcon/icon/b-bfhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-iot .c3 li a.row4 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #8C59FF;
}

.kb-con .c-iot .c3 li a.row4:hover p {
    background: url(../images/indexIcon/icon/b-zchover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-iot .c3 li a:hover {
    background: url(../images/indexIcon/icon/b-kkbghover.png) center center no-repeat
}



/* 开始*/
.kb-con .c-iot .c3 li a.row1:hover p {
    background: url(../images/indexIcon/icon/b-iothover-kc.png)center 45px no-repeat;
    color: #272848;
}


.kb-con .c-iot .c3 li a.row2:hover p {
    background: url(../images/indexIcon/icon/b-iothover-sz.png)center 45px no-repeat;
    color: #272848;
}


.kb-con .c-iot .c3 li a.row3:hover p {
    background: url(../images/indexIcon/icon/b-iothover-mf.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-iot .c3 li a.row4:hover p {
    background: url(../images/indexIcon/icon/b-iothover-qj.png)center 45px no-repeat;
    color: #272848;
}


/* 结束 */

/* iot 课程 结束**/






/* ai 课程 开始 **/


.kb-con .c-ai .c3 li a.row1 {
    line-height: 1;
    text-align: center;
    background: #FF6A73;
}


.kb-con .c-ai .c3 li a.row1:hover p {
    background: url(../images/indexIcon/icon/hm-kchover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-ai li a.row2 {
    line-height: 1;
    text-align: center;
    background: #FF6A73
}

.kb-con .c-ai .c3 li a.row2:hover p {
    background: url(../images/indexIcon/icon/hm-szhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-ai .c3 li a.row3 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #FF6A73
}

.kb-con .c-ai .c3 li a.row3:hover p {
    background: url(../images/indexIcon/icon/hm-bfhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-ai .c3 li a.row4 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #FF6A73
}

.kb-con .c-ai .c3 li a.row4:hover p {
    background: url(../images/indexIcon/icon/hm-qjhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-ai .c3 li a:hover {
    background: url(../images/indexIcon/icon/j-kkbghover.png) center center no-repeat
}


.kb-con .c-ai .c3 li a:hover {
    background: url(../images/indexIcon/icon/h-kkbghover.png) center center no-repeat
}



/* ai 课程 结束**/


.kb-con .c-ui .c3 li a.row1 {
    line-height: 1;
    text-align: center;
    background: #be74ff;
}

.kb-con .c-ui .c3 li a.row1:hover p {
    background: url(../images/indexIcon/icon/u-kchover.png?v1)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-ui li a.row2 {
    line-height: 1;
    text-align: center;
    background: #be74ff;
}

.kb-con .c-ui .c3 li a.row2:hover p {
    background: url(../images/indexIcon/icon/u-szhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-ui .c3 li a.row3 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #be74ff;
}

.kb-con .c-ui .c3 li a.row3:hover p {
    background: url(../images/indexIcon/icon/u-bfhover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-ui .c3 li a.row4 {
    display: block;
    line-height: 1;
    text-align: center;
    background: #be74ff;
}

.kb-con .c-ui .c3 li a.row4:hover p {
    background: url(../images/indexIcon/icon/u-zchover.png)center 45px no-repeat;
    color: #272848;
}

.kb-con .c-ui .c3 li a:hover {
    background: url(../images/indexIcon/icon/u-kkbghover.png) center center no-repeat
}

.kb-con .c-iot .c3 li a:hover {
    background: url(../images/indexIcon/icon/u-iothover.png) center center no-repeat
}


.kb-con .c3 li a p {
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #fff;
    padding-top: 85px;
    letter-spacing: 5px;
    box-sizing: border-box;
}

.kb-con .c3 li a.row1 p {
    background: url(../images/indexIcon/icon/kcb.png?v1)center 45px no-repeat;
}

.kb-con .c3 li a.row2 p {
    background: url(../images/indexIcon/icon/xmszbook.png)center 45px no-repeat;
}

.kb-con .c3 li a.row3 p {
    background: url(../images/indexIcon/icon/bf.png?v1)center 45px no-repeat;
}

/* .kb-con .c-ui li a.row3 p{
    background: url(../images/indexIcon/icon/fw.png)center 45px no-repeat;
} */
.kb-con .c3 li a.row4 p {
    background: url(../images/indexIcon/icon/qj.png?v1)center 45px no-repeat;
}

.kb-con .c4 {
    width: 320px;
    padding: 10px;
    padding-top: 18px;
}

.kb-con .c4 .img {
    width: 100%
}

.c-java .c2 .c-t {
    font-size: 18px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    background: #5978ff;
    color: #fff;
}

.c-hm .c2 .c-t {
    font-size: 18px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    background: #FF6A73;
    color: #fff;
}

.c-html .c2 .c-t {
    font-size: 18px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    background: #ffa459;
    color: #fff;
}

.c-bigdata .c2 .c-t {
    font-size: 18px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    background: #45e6bd;
    color: #fff;
}

.c-iot .c2 .c-t {
    font-size: 18px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    color: #fff;

    background: #8C59FF;

}

.c-ai .c2 .c-t {
    font-size: 18px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    color: #fff;

    background: #FF6A73;

}

.c-jichu .c2 .c-t {
    font-size: 18px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    height: 72px;
    background: #FF6A73;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}



.c-jichu .c-gg {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 0 10px;
}

.c-jichu .c-gg li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    background-color: rgba(255, 106, 115, .1);

    width: 123px;
    height: 108px;

    margin: 10px;
}

.c-jichu .c-gg.yuan li {
    border-radius: 50%;
}

.c-jichu .c-gg li b {
    height: 27px;
    font-size: 28px;
    font-weight: bold;
    color: #FF6A73;
    line-height: 22px;
}

.c-jichu .c-gg li b,
.c-jichu .c-gg li span {
    display: block;
}

.c-jichu .c-gg li span {
    font-size: 14px;
    font-weight: 400;
    color: #272848;
    line-height: 22px;
}


.c-ui .c2 .c-t {
    font-size: 18px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    background: #be74ff;
    color: #fff;
}

.c2 .s-c-t {
    font-size: 14px;
    color: #666;
}

.go-logo {
    margin-top: 20px;
}

.go-logo p {
    color: #666;
    margin-top: 10px;
}

.c2 ul {
    margin-top: 30px;
}

.c2 li {
    padding: 10px 0;
    font-size: 18px;
}

.c-bigdata .c2 li {
    padding: 10px 0;
    font-size: 18px;
}

.c-iot .c2 li {
    padding: 10px 0;
    font-size: 18px;
}

.c-ai .c2 li {
    padding: 15px 0;
    font-size: 18px;
}

.c2 li span,
.c2 li a {
    margin: 0 15px;
    color: #272848;
}

.c2 li.kkbgc span,
.c2 li.kkbgc a,
.c2 li.kkbgc a {
    color: #626b8c;
    border: 0;
}

.c2 li.kkbgc a {
    font-size: 16px;
    position: relative;
    top: -5px;
    cursor: default;
}

.c2 li a {
    font-size: 14px;
    border: 1px solid #4385FF;
    padding: 5px 7px;
    border-radius: 5px;
    width: 84px;
    display: inline-block;
    vertical-align: middle;
    color: #4385FF;
    position: relative;
    top: -3px;
}

.c-ui .c2 a {
    font-size: 14px;
    border: 1px solid #4385FF;
    padding: 5px 7px;
    border-radius: 5px;
    width: 84px;
    display: inline-block;
    vertical-align: middle;
    color: #4385FF;
    position: relative;
    margin-top: 30px;
}

.c-ui .c2 a:hover {
    background: #00CC99;
    color: #fff;
    border: 1px solid #00CC99;
}

.c-ui .c2 div p {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
    line-height: 1;
}

.c2 li.kkbgc a:hover {
    background: none;
    color: #626b8c;
    border: none;
}

.c2 li a:hover {
    background: #00CC99;
    color: #fff;
    border: 1px solid #00CC99;
}

.c2 li.kkbgc .c-d {
    font-size: 20px;
}

.c-d {
    color: #272848;
    font-size: 20px;
}

a.c-b,
a.c-b:hover {
    display: inline-block;
    font-size: 18px;
    padding: 10px 50px;
    margin: 20px auto;
    background: #ea2d2e;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}

.c4 ul {
    margin-top: 10px;
}

.c4 li {
    padding: 8px 0;
}

.c4 li:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/indexIcon/bj.png) no-repeat;
    vertical-align: middle;
    /* margin-right: 8px; */
}

.c4 li.sz:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/indexIcon/sz.png) no-repeat;
    vertical-align: middle;
    /* margin-right: 8px; */
}

.c4 li.sh:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/indexIcon/sh.png) no-repeat;
    vertical-align: middle;
    /* margin-right: 8px; */
}

.c4 li.shangh:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/indexIcon/sh.png) no-repeat;
    vertical-align: middle;
    /* margin-right: 8px; */
}

.c4 li.wh:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/indexIcon/wh.png) no-repeat;
    vertical-align: middle;
    /* margin-right: 8px; */
}

.python_c .c2 ul {
    margin-top: 10px;
}

.python_c .c2 li {
    font-size: 16px;
}

/** 开班 #end**/

.video-download {
    float: left;
    margin-left: 7px;
    width: 160px;
    height: 130px;
    background: url(../images/indexIcon/qq.gif) #00bf9d 10px center no-repeat;
    padding: 0 0 0 70px;
}

.video-download a {
    display: block;
    padding: 38px 0 0 0;
    color: #ffffff;
    font-family: "Microsoft Yahei";
    font-size: 18px;
}

.video-download a span {
    display: block;
    padding: 5px 0 0 0;
    font-size: 12px;
}

.information {
    float: left;
    margin-left: 7px;
    width: 160px;
    height: 130px;
    background: url(../images/information.png) #1ecf6c 18px center no-repeat;
    padding: 0 0 0 70px;
}

.information a {
    display: block;
    padding: 38px 0 0 0;
    color: #ffffff;
    font-family: "Microsoft Yahei";
    font-size: 18px;
}

.information a span {
    display: block;
    padding: 5px 0 0 0;
    font-size: 12px;
}

.classroom {
    float: left;
    margin-left: 7px;
    width: 160px;
    height: 130px;
    background: url(../images/classroom.png) #5aabe7 10px center no-repeat;
    padding: 0 0 0 70px;
}

.classroom a {
    display: block;
    padding: 38px 0 0 0;
    color: #ffffff;
    font-family: "Microsoft Yahei";
    font-size: 18px;
}

.classroom a span {
    display: block;
    padding: 5px 0 0 0;
    font-size: 12px;
}

.qqgroup {
    float: left;
    margin-left: 7px;
    width: 160px;
    height: 130px;
    background: url(../images/qqgroup.png) #ff8400 10px center no-repeat;
    padding: 0 0 0 70px;
}

.qqgroup a {
    display: block;
    padding: 38px 0 0 0;
    color: #ffffff;
    font-family: "Microsoft Yahei";
    font-size: 18px;
}

.qqgroup a span {
    display: block;
    padding: 5px 0 0 0;
    font-size: 12px;
}

.open_data {
    margin: 0 auto;
    width: 1200px;
    height: 510px;
}

.data_class {
    width: 900px;
    height: 475px;
}

.data_title {
    position: relative;
    width: 890px;
    height: 40px;
    border-bottom: 3px solid #e6e6e6;
}

.data_course {
    width: 890px;
    height: 432px;
    padding: 25px 0 0 0;
}

.data_course_left {
    float: left;
    width: 448px;
    height: 216px;
    background: url(../images/course_bg.gif) left top no-repeat;
}

.java_course_bg {
    width: 143px;
    height: 210px;
    background: url(../images/java_course_bg.gif) left top no-repeat;
}

.php_course_bg {
    width: 143px;
    height: 210px;
    background: url(../images/php_course_bg.gif) left top no-repeat;
}

.h5_course_bg {
    width: 143px;
    height: 210px;
    background: url(../images/h5_course_bg.gif) left top no-repeat;
}

.bd_course_bg {
    width: 143px;
    height: 210px;
    background: url(../images/bd_course_bg.gif) left top no-repeat;
}

.android_course_bg {
    width: 143px;
    height: 210px;
    background: url(../images/android_course_bg.gif) left top no-repeat;
}

.python_course_bg {
    width: 143px;
    height: 210px;
    background: url(../images/python_course.png) left top no-repeat;
}

.course_title {
    width: 143px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-family: "Microsoft Yahei";
}

.course_more {
    width: 143px;
    height: 25px;
    text-align: center;
    margin-top: 115px;
}

.course_con {
    float: right;
    width: 298px;
    height: 210px;
}

.course_right_title {
    width: 298px;
    height: 30px;
    padding: 20px 0 0 0;
    line-height: 30px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
    color: #3c3c3c;
    text-align: center;
}

.course_title_sun {
    width: 298px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-family: "Microsoft Yahei";
    color: #7c7c7c;
    text-align: center;
}

.data_course_late {
    width: 298px;
    height: 90px;
}

.data_course_php {
    width: 298px;
    height: 90px;
}

.data_course_php_left {
    width: 100px;
    height: 70px;
    padding: 10px 0px 10px 40px;
    background: url(../images/php_line.jpg) 60px center no-repeat;
}

.data_course_php_left p {
    width: 100px;
    height: 35px;
    line-height: 35px;
    width: 140px;
    font-size: 14px;
    text-align: center;
    font-weight: bolder;
}

.data_course_php_right {
    float: right;
    width: 80px;
    height: 60px;
    padding: 30px 60px 0 0;
    text-align: center;
}

.data_course_late ul {
    width: 288px;
    height: 78px;
    padding: 10px 0 0 10px;
    font-family: "Microsoft Yahei";
}

.data_course_late ul li {
    display: block;
    height: 21px;
    line-height: 21px;
    font-size: 14px;
    margin: 10px 0;
}

.data_course_late ul li span {
    display: block;
    float: left;
    padding: 0px 9px;
}

.data_course_late ul li span a {
    color: #000000;
}

.course_con_tu {
    width: 298px;
    height: 46px;
    text-align: center;
}

.data_course_right {
    float: left;
    width: 442px;
    height: 216px;
    background: url(../images/course_bg.gif) left top no-repeat;
}


/* 基地标签 */

.school_tag {
    position: relative;
}

.school_tag:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 84px;
    height: 84px;
    background: url(../images/sz_tag.png) no-repeat center center;
}


.data_plan {
    float: right;
    height: 30px;
    line-height: 30px;
    color: #000000;
    font-family: "Microsoft Yahei";
    font-size: 14px;
    padding: 10px 0 0 0;
}

.data_plan a {
    color: #ff0000;
}

.data_title_font {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100px;
    height: 40px;
    padding: 0px 15px;
    line-height: 40px;
    border-bottom: 3px solid #007c67;
    color: #000000;
    font-family: "Microsoft Yahei";
    font-size: 24px;
}

.atguigu_news {
    float: right;
    width: 300px;
    height: 400px;
}

.news_title {
    position: relative;
    width: 300px;
    height: 40px;
    border-bottom: 3px solid #e6e6e6;
}

.news_title_font {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100px;
    height: 40px;
    padding: 0px 15px;
    line-height: 40px;
    border-bottom: 3px solid #007c67;
    color: #000000;
    font-family: "Microsoft Yahei";
    font-size: 24px;
}

.news_img {
    width: 300px;
    height: 101px;
    text-align: center;
    padding: 30px 0 10px 0;
}


.atguigu_news ul li {
    height: 30px;
    line-height: 30px;
    background: url(../images/atguigu_new.gif) 8px 13px no-repeat;
    padding: 0 0 0 23px;
}

.atguigu_news ul li a {
    font-size: 12px;
}

.area_jing {
    display: block;
    padding-right: 18px;
    height: 20px;
    background: url(../images/jing_logo.gif) left center no-repeat;
}

.area_shen {
    display: block;
    padding-right: 18px;
    height: 20px;
    background: url(../images/shen_logo.gif) left center no-repeat;
    padding: 0 2px;
}

.employment {
    margin: 0 auto;
    width: 1200px;
    height: 680px;
    clear: both;
}

.employment-video {
    width: 900px;
    height: 680px;
}

.employment-video span {
    display: block;
    padding: 15px 0 0 140px;
    font-size: 14px;
}

.video-list {
    width: 900px;
    height: 630px;
    padding: 10px 0 0 0;
}


.video-list ul li {
    float: left;
    width: 140px;
    /*height:166px;*/
    padding: 5px 10px 0 0;
    font-size: 12px;
    line-height: 20px;
}

.employment-img {
    float: right;
    width: 300px;
    height: 680px;
}

.employment-img-show {
    width: 300px;
    height: 615px;
    padding: 15px 0 0 0;
    text-align: center;
}

.e-statistics {
    margin: 20px auto 0 auto;
    width: 1200px;
    height: 720px;
}

.statistics-left {
    position: relative;
    width: 900px;
    height: 720px;
}

.statistics-left p {
    line-height: 25px;
    font-size: 12px;
}

.jiuye-more {
    position: absolute;
    top: 75px;
    right: 30px;
    width: 100px;
    height: 100px;
}

.jiuye-list {
    width: 900px;
    height: 530px;
}


/*首页就业*/

.jiuyeindex {
    width: 880px;
    height: auto;
    font-size: 12px;
    line-height: 28px;
    font-family: 'Microsoft Yahei';
    border: 5px solid #e5e5e5;
    margin-top: 10px;
}

#jykbindex {
    height: 500px;
    overflow: hidden;
}

#jykbindex li {
    line-height: 40px;
    display: block;
}

#jykbindex li .span1 {
    width: 130px;
    text-align: center;
    float: left;
}

#jykbindex li .span2 {
    width: 130px;
    text-align: center;
    float: left;
}

#jykbindex li .span3 {
    width: 310px;
    text-align: center;
    float: left;
}

#jykbindex li .span4 {
    width: 210px;
    padding-left: 30px;
}

.statistics-right {
    float: right;
    width: 300px;
    height: 720px;
}

.zhaopin {
    width: 300px;
    height: 125px;
    padding: 10px 0 0 0;
    text-align: center;
}

.statistics-right ul li {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    padding: 1px 0 11px 10px;
}

.statistics-right ul li span {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #007c67;
    color: #ffffff;
    text-align: center;
}

.statistics-right ul li a {
    padding: 0 0 0 10px;
}

.o-ceremony {
    margin: 0 auto;
    width: 1200px;
    height: 380px;
}

.o-ceremony-left {
    position: relative;
    width: 900px;
    height: 380px;
}

.classone {
    position: absolute;
    width: 344px;
    height: 293px;
    left: 0;
    top: 242;
}

.classtwo {
    position: absolute;
    width: 255px;
    height: 140px;
    left: 360px;
    top: 65px;
    background: #0CF;
}

.classthree {
    position: absolute;
    width: 255px;
    height: 140px;
    left: 630px;
    top: 65px;
    background: #0CF;
}

.classfour {
    position: absolute;
    width: 255px;
    height: 140px;
    left: 360px;
    top: 218px;
    background: #0CF;
}

.classfouth {
    position: absolute;
    width: 255px;
    height: 140px;
    left: 630px;
    top: 218px;
    background: #0CF;
}

.o-ceremony-right {
    float: right;
    width: 300px;
    height: 380px;
}

.ceremony-font1 {
    font-size: 16px;
    font-family: "Microsoft Yahei";
    padding: 10px 0;
}

.ceremony-font1 a {
    color: #000000;
}

.ceremony-font2 {
    font-size: 12px;
    color: #333333;
    line-height: 20px;
    padding: 0px 8px;
    text-indent: 2em;
}

.ceremony-font2 a {
    color: #333333;
}

.o-ceremony-right ul {
    padding: 10px 0 0 0;
}

.o-ceremony-right ul li {
    line-height: 27px;
    font-size: 14px;
    padding: 0 0 0 5px;
}

.students {
    margin: 0 auto;
    width: 1200px;
    height: 370px;
}

.students-left {
    width: 900px;
    height: 370px;
}

.students-left ul {
    padding: 15px 0 0 0;
}

.students-left ul li {
    float: left;
    width: 290px;
    height: 300px;
    margin-right: 10px;
    font-family: "Microsoft Yahei";
}

.students-font1 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    padding: 10px 0 0 0;
}

.students-font2 {
    height: 30px;
    line-height: 20px;
    font-size: 12px;
    padding: 0 10px 0px 20px;
    text-align: center;
}

.students-img {
    width: 290px;
    height: 215px;
}

.students-right {
    float: right;
    width: 300px;
    height: 370px;
}

.students-right ul {
    padding: 15px 0 0 0;
}

.students-right ul li {
    float: left;
    width: 140px;
    height: 145px;
    margin: 5px 5px;
}

.students-font3 {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    color: #83006f;
    font-family: "Microsoft Yahei";
}

.students-img2 {
    width: 140px;
    height: 115px;
    background: #9CC;
}

.teacher {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 500px;
}

.teache-title {
    position: relative;
    width: 1200px;
    height: 40px;
    border-bottom: 3px solid #e6e6e6;
}

.teacher-title-font {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100px;
    height: 40px;
    padding: 0px 15px;
    line-height: 40px;
    border-bottom: 3px solid #007c67;
    color: #000000;
    font-family: "Microsoft Yahei";
    font-size: 24px;
}

#demo {
    margin: 0 auto;
    overflow: hidden;
    width: 1200px;
    padding: 20px 0 0 0;
}

#indemo {
    float: left;
    width: 800%;
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

.cooperation {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 70px;
    margin-top: 95px;
}

.ryt {
    color: #f69f00;
    font-size: 32px;
    text-align: center;
    margin: 35px auto;
}

.cooperation-title {
    margin: 0 auto;
    position: relative;
    width: 1204px;
    height: 46px;
    color: #272848;
    font-size: 24px;
}

.cooperation-title-hover {
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 14px 24px;
    line-height: 1;
    color: #4385FF;
    font-size: 18px;
    padding-left: 0;
}

.cooperation-title-font {
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 14px 24px;
    line-height: 1;
    color: #272848;
    font-size: 18px;
    padding-left: 0;
}



.friendlylink {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
    position: relative;
}

.friendlylink p {
    text-align: left;
    line-height: 1;
    color: #4385FF;
    font-size: 18px;
    padding-left: 0;
    cursor: pointer;
    width: 76px;
}

.friendlylink ul {
    display: none;
}


.friendlylink ul li {
    float: left;
    padding: 20px 20px 0px 20px;
}

.friendlylink ul li a {
    color: #000000;
    font-family: "Microsoft Yahei";
    font-size: 14px;
}

footer {
    width: 100%;
    min-width: 1200px;
    background: #323232;
}

.f-course {
    margin: 0 auto;
    width: 1200px;
    height: 99px;
    border-bottom: 1px solid #474747;
}

.f-course ul {
    width: 1100px;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;

}

.f-course ul li {
    flex: 1;
    width: 360px;
    height: 100%;
    padding: 0 20px;

}

.f-course ul li a {
    color: #ffffff;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 99px;
    box-sizing: border-box;
    padding-left: 70px;
    font-size: 18px;
}

.f-course ul li a.f-java {
    background: url(../images/footer/java.png) 0 center no-repeat;
    background-size: 60px 60px;
    font-size: 18px;
}

.f-course ul li a.f-hm {
    background: url(../images/footer/hm.png) 0 center no-repeat;
    background-size: 60px 60px;
    font-size: 18px;
}

.f-course ul li a.f-bigdata {
    background: url(../images/footer/bigdata.png) 0 center no-repeat;
    background-size: 60px 60px;
    font-size: 18px;
}

.f-course ul li a.f-iot {
    background: url(/images/footer/iot.png) 0 center no-repeat;
    background-size: 60px 60px;
}


.f-course ul li a.f-html {
    background: url(../images/footer/html.png) 0 center no-repeat;
    background-size: 60px 60px;
    font-size: 18px;
}


.f-course ul li a.f-ai {
    background: url(../images/footer/ai.png) 0 center no-repeat;
    background-size: 60px 60px;
    font-size: 18px;
}

.f-nav {
    margin: 0 auto;
    width: 1100px;
    padding: 25px 0;
    transform: translateX(25px);
    overflow: hidden;
}

.f-nav dl {
    float: left;
    width: 180px;
    background: url(../images/bottombg.gif) 120px 10px no-repeat;
}

.f-nav dl dt {
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    font-family: "Microsoft Yahei";
    font-size: 20px;
}

.f-nav dl dd {
    height: 30px;
    line-height: 35px;
    color: #a8a8a8;
    font-family: "Microsoft Yahei";
    font-size: 12px;
}

.f-nav dl dd a {
    height: 30px;
    line-height: 35px;
    color: #a8a8a8;
    font-family: "Microsoft Yahei";
    font-size: 12px;
}

.f-nav dl dd p {
    line-height: 1;
    margin-bottom: 10px;
    text-indent: 3em;
}

.copyright {
    width: 100%;
    min-width: 1200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #2a2a2a;
    color: #a8a8a8;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    position: relative;
}

.copyright a {
    color: #a8a8a8;
}

.righta {
    display: block;
    font-size: 14px;
    float: right;
    font-family: "Microsoft Yahei";
    padding: 17px 10px 0 0;
}


#newadd li .sub-focus dd a:hover {
    color: #188f79 !important;
}

#newadd li span {
    display: block;
    width: 3px;
    height: 0px;
    background-color: #ffeb42;
    position: absolute;
    top: 0;
    left: 0;
    /* display: none; */
    transition: all .3s ease;
}

#newadd li:hover span {
    display: block;
    /* height: 100px; */
    height: 55px;
}

#newadd li p {
    color: #fff;
}

.xy-c {
    max-width: 1200px;
    margin: 0 auto;
    line-height: 0;
    height: 360px;
}

.xy-c div {
    display: block;
    float: left;
}

.xy-l {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    /* Firefox */
    -webkit-box-sizing: content-box;
    width: 580px;
    height: 360px;
    overflow: hidden;
    position: relative;
}

.xy-l .info {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    /* Firefox */
    -webkit-box-sizing: content-box;
    background-color: #fff;
    padding: 0 20px;
    text-align: left;
    color: #333;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(90, 90, 90, 0.9);
    color: #fff;
}

.xy-l .info a {
    display: block;
    float: right;
    width: 43px;
    height: 43px;
    background: url(../images/indexIcon/play.png) no-repeat;
    position: absolute;
    right: 60px;
    top: 8.5px;
}

.xy-r {
    width: 600px;
    height: 348px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 13px;
    background: rgb(233, 233, 233);
}

.job-con .con .xy-r li {
    position: relative;
    width: 200px;
    margin: 0px 0 10px 0;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    text-align: center;

}

.job-con .con .xy-r li img {
    border: 2px solid #fff;
}

.job-con .con .xy-r li.active img {
    border: 2px solid #ff9600;
}



.xy-r .sp-t {
    width: 180px;
    line-height: 25px;
    height: 25px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -90px;
    font-size: 12px;
    letter-spacing: 2px;
    overflow: hidden;
}

/*就业真相*/
.zx-l {
    margin-top: 25px;
    position: relative;
    width: 866px;
    height: 610px;
    float: left;
    overflow: hidden;
}

.zx-r {
    margin-top: 25px;
    width: 334px;
    float: left;
}

.zx-l #czimg {
    position: relative;
    width: 838px;
    overflow: hidden;
    height: 510px;
    margin-top: 20px;
}

.zx-l #czimg ul {
    width: 9999px;
    position: absolute;
    top: 0;
    left: 0;
}

.zx-l #czimg ul li {
    float: left;
    overflow: hidden;
    width: 834px;
    margin: 0;
}

.zx-l #czimg ul li div {
    overflow: hidden;
    width: 276px;
    height: 510px;
    float: left;
    text-align: center;
}

.zx-l #czimg ul li div img {
    width: 265px;
    height: 510px;
    text-align: center;
}

.zx-l #czbutton a {
    display: block;
    width: 33px;
    height: 55px;
    position: absolute;
    top: 230px;
}

.zx-l #czbutton #czleftbut {
    background: url(../images/indexIcon/arrow_left.png) center center no-repeat;
    left: 0;
}

.zx-l #czbutton #czrightbut {
    background: url(../images/indexIcon/arrow_right.png) center center no-repeat;
    right: 8px;
}

.mqnz-con {
    margin: 20px auto;
}

.mqnz-con .city {
    display: inline-block;
    width: 60px;
    vertical-align: top;
    text-align: center;
    font-size: 22px;
    color: #333;
    line-height: 18px;
    padding-top: 5px;
}

.mqnz-con .city span {
    font-size: 12px;
    color: #ababab;

}

.mqnz-con .job {
    display: inline-block;
    width: 250px;
    vertical-align: top;
    background: url(../images/indexIcon/mqnz_bg.png) no-repeat;
    padding-left: 15px;
    font-size: 14px;
}

.job-con .con .mqnz-con .job li {
    margin: 0;
    padding: 8px 0;
    color: #666;
}

.job-con .con .mqnz-con .job li a {
    color: #666
}

.job-con .con .mqnz-con .job li a:hover {
    color: #e73f3e;
}

.job-con .con .mqnz-con .job li:first-child {
    padding: 0 0 5px 0;
}

/**视频**/
.spbox {
    width: 100%;
    padding-top: 80px;
    margin-top: 50px;
    background: #F5F7FA;
}

.sp-con {
    width: 1200px;

}

.con-tlt h5 {
    margin-bottom: 30px;
    font-size: 30px;
    color: #272848;
    font-weight: bold;
    line-height: 1;
}

.con-tlt h4 {
    margin-bottom: 30px;
    font-size: 30px;
    color: #272848;
    font-weight: bold;
    line-height: 1;
}

.con-tlt {
    width: 100%;
    text-align: center;
    font-family: "Microsoft Yahei";
}

.con-tlt p {
    font-size: 18px;
    color: #272848;
    line-height: 28px;
}

.sp-jianjie {
    width: 100%;
    background: #4385FF;
    margin: 50px 0 30px 0;
}

.sp-jianjiebox {
    width: 1200px;
    margin: 0 auto;
}

.sp-jianjiebox div {
    float: left;
    padding: 32px 0;
    width: 300px;
    text-align: center;
    line-height: 1;
    position: relative;
}

.sp-jianjiebox div::after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 110px;
    background: #699dff;
    top: 50px;
}

.sp-jianjiebox div:last-child::after {
    display: none;
}

.sp-jianjiebox div h5 {
    font-size: 26px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 32px;
}

.sp-jianjiebox div h5 span {
    font-size: 48px;
    position: relative;
    top: 3px;
}

.sp-jianjiebox div p {
    font-size: 14px;
    color: rgba(255, 255, 255, .9);
    margin-bottom: 10px;
}

.sp-jianjiebox div p:last-child {
    margin-bottom: 0;
}

.sp-con li {
    position: relative;
    width: 292px;
    height: 201px;
    margin: 0 10px 10px 0;
    float: left;
    background: url(../images/index_new/01.png)center top no-repeat;
    box-sizing: border-box;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 5px #ddd;
}

.sp-con li:nth-child(1) {
    background: url(../images/index_new/01.png)center top no-repeat;
}

.sp-con li:nth-child(2) {
    background: url(../images/index_new/02.png)center top no-repeat;
}

.sp-con li:nth-child(1) a.sp-wz,
.sp-con li:nth-child(3) a.sp-wz,
.sp-con li:nth-child(4) a.sp-wz,
.sp-con li:nth-child(9) a.sp-wz,
.sp-con li:nth-child(10) a.sp-wz {
    padding-top: 65px;
}

.sp-con li:nth-child(3) {
    background: url(../images/index_new/03.png)center top no-repeat;
    padding-top: 65px;
    font-size: 24px;
}

.sp-con li:nth-child(4) {
    background: url(../images/index_new/04.png)center top no-repeat;
    padding-top: 65px;
}

.sp-con li:nth-child(5) {
    background: url(../images/index_new/05.png)center top no-repeat;
    padding-top: 65px;
    font-size: 24px;
}

.sp-con li:nth-child(6) {
    background: url(../images/index_new/06.png)center top no-repeat;
    padding-top: 65px;
    font-size: 24px;
}

.sp-con li:nth-child(7) {
    background: url(../images/index_new/07.png)center top no-repeat;
}

.sp-con li:nth-child(8) {
    background: url(../images/index_new/08.png)center top no-repeat;
}

.sp-con li:nth-child(9) {
    background: url(../images/index_new/09.png)center top no-repeat;
}

.sp-con li:nth-child(10) {
    background: url(../images/index_new/10.png)center top no-repeat;
    padding-top: 65px;
}

.sp-con li:nth-child(11) {
    background: url(../images/index_new/11.png)center top no-repeat;
}

.sp-con li:nth-child(12) {
    background: url(../images/index_new/12.png)center center no-repeat;
    margin: 0;
    padding-top: 75px;
    margin-bottom: 80px;
    font-size: 18px;
    color: #272848;
    text-align: left;
    padding-left: 70px;
    font-weight: normal;
    transition: all .3s linear;
}

.sp-con li:nth-child(12):hover {
    padding-left: 80px;
}

.sp-con li:nth-child(12) a {
    color: #272848;
    background: url(../images/index_new/spmore.png)160px center no-repeat;
    transition: all .3s linear;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 75px 0 0 70px;
}

.sp-con li:nth-child(12):hover a {
    color: #272848;
    padding-left: 80px;
    background: url(../images/index_new/spmore.png)170px center no-repeat;
}

.sp-con li a.sp-wz::before {
    position: absolute;
    content: "";
    width: 55px;
    height: 55px;
    top: 55px;
    left: 50%;
    margin-left: -27.5px;
    background: url(../images/index_new/sp-bf.png)center center no-repeat;
    display: none;
    cursor: pointer;
}

.sp-con li a.sp-wz {
    display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    box-sizing: border-box;
    padding-top: 45px;
}

.sp-con li a:nth-child(2) {
    width: 100%;
    height: 45px;
    line-height: 45px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    box-sizing: border-box;
    padding-left: 13px;
    font-size: 12px;
    color: #0e327a;
    font-weight: normal;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 9999;
}

.sp-con li:hover a.sp-wz {
    color: rgba(255, 255, 255, .7);
}

.sp-con li:hover a.sp-wz::before {
    display: block;
}

.sp-con li:nth-child(12):hover a.sp-wz::before {
    display: none;
}

.sp-con li:nth-child(12):hover a {
    color: #272848;
}

.sp-con li h3 b {
    font-weight: bold;
    color: #003296;
}

.sp-con li h3 span.sp-html {
    color: #f65700;
}

.sp-con li h3 span.sp-java {
    color: #00b668;
    ;
}

.sp-con li h3 span.sp-python {
    color: #ffae00;
    ;
}

.sp-con li h3 span.sp-bigdata {
    color: #4385ff;
}

.sp-con li h3 span.sp-bishe {
    color: #9a2dbc
}

.sp-con li h3 span.sp-ui {
    color: #ff007e
}

/** 感言 **/
.gy-con {
    margin: 80px auto 0 auto;
}

.gy-con .tp span {
    line-height: 40px;
    font-family: "Microsoft Yahei";
    font-weight: normal;
    font-size: 24px;
    color: #555;
    display: inline-block;
}

.gy-l {
    width: 520px;
    float: left;
}

.gy-ct {
    display: block;
    margin: 5px 0;
    padding-left: 5px;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #ff0000;
}

.gy-l img {
    margin-top: 15px;
}

.gy-l p {
    color: #8d8d8d;
    font-size: 14px;
    padding: 10px 0;
    text-indent: 30px;
}

.gy-l a {
    display: inline-block;
    margin: 10px 0;
    font-size: 14px;
    color: #bc0000;
}

.gy-r {
    width: 660px;
    float: left;
    margin-left: 20px;
}

.gy-r li {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #f2f2f2;
}

.gy-r li a b {
    margin-right: 10px;
    color: #ef5a23;
}

.gy-r li span {
    color: #b2b2b2;
    float: right;
}

/** 学生生活 */
.shbox {
    width: 100%;
    padding: 80px 0;
    background: #F5F5F5;
}

.sh-con {
    width: 1200px;
    margin: 0 auto;
}

.sh-con ul {
    overflow: hidden;
    margin-top: 50px;
    border-radius: 5px;
    box-shadow: 0 0 10px #ccc;
}

.sh-con ul li {
    float: left;
    height: 424px;
    position: relative;
    width: 188px;
    transition: all .3s linear;
}

.sh-con ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.sh-con ul li .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 188px;
    box-sizing: border-box;
    padding: 10px 0 10px 10px;
    transition: all .3s linear;
    color: #fff;
}

.sh-con ul li:nth-child(2) .text {
    bottom: 25px;
}

.sh-con .text h1 {
    font-size: 18px;
    text-align: left;
}

.sh-con .text h3 span {
    position: relative;
}

.sh-con .text h3 span::after {
    content: '';
    position: absolute;
    width: 0px;
    height: 2px;
    background: url(../images/index_new/line-y.png)center center no-repeat;
    left: 0;
    bottom: -5px;
    transition: all .3s linear;
}

.sh-con ul li b {
    position: absolute;
    width: 188px;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(57, 126, 255, 1), rgba(57, 126, 255, .3));
    z-index: 9999;
    left: 0;
    top: 0;
}

.sh-con ul li.cur {
    width: 636px;
}

.sh-con ul li.cur b {
    opacity: 0;
}

.sh-con ul li.cur .text {
    background: -webkit-linear-gradient(left, rgba(57, 126, 255, 1), rgba(57, 126, 255, .3));
    width: 100%;
    bottom: 0;
}

.sh-con ul li.cur .text h1 span::after {
    width: 250px;
}

.sh-scroll {
    margin-top: 35px;
    width: 100%;
    background: #4E8BFE;
    height: 136px;
    padding: 33px 0;
    overflow: hidden;
    position: relative;
}

.sh-scroll::before {
    content: "";
    width: 100%;
    height: 33px;
    background: url(../images/index_new/movie.jpg) center center repeat-x;
    position: absolute;
    left: 0;
    top: 0;
}

.sh-scroll::after {
    content: "";
    width: 100%;
    height: 33px;
    background: url(../images/index_new/movie.jpg) center center repeat-x;
    position: absolute;
    left: 0;
    bottom: 0;
}

.sh-scroll ul {
    width: 12000px;
    height: 136px;
    /* overflow: hidden; */
}

.sh-scroll ul li {
    float: left;
    margin-right: 10px;
    height: 136px;
}

.sh-scroll ul li img {
    width: 231px;
    height: 135px;
    line-height: 0;
    border: 0;
}

.sh-scroll i {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 999;
    background: -webkit-linear-gradient(left, rgba(57, 126, 255, 1), rgba(57, 126, 255, 0));
    width: 100px;
}

#s-m-l {
    left: 0;
}

#s-m-r {
    right: 0;
    background: -webkit-linear-gradient(right, rgba(57, 126, 255, 1), rgba(57, 126, 255, 0));
}

/*讲师*/

.js-con {
    width: 100%;
    margin: 80px 0 0 0;
}

.js-infobox {
    width: 100%;
    background: #4E8BFE;
    padding: 36px 0;
    margin-top: 50px;
}

.js-info {
    width: 1260px;
    margin: 0 auto;
}

.info-item {
    width: 620px;
    height: 130px;
    border: 4px solid #3979f2;
    box-sizing: border-box;
    float: left;
}

.info-item h3 {
    float: left;
    padding: 19px 45px;
    background: #3979f2;
    line-height: 1;
    font-size: 36px;
    color: #fff;
    text-align: center;
}

.info-item ul {
    float: left;
    margin-left: 31px;
    padding: 18px 0;
}

.info-item ul li {
    padding-left: 17px;
    font-size: 14px;
    color: #fff;
    position: relative;
    line-height: 1;
    margin-bottom: 10px;
}

.info-item ul li::after {
    content: '';
    width: 5px;
    height: 5px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 5px;
}

.js-con .con {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
}

.js-con .con ul li {
    width: 230px;
    height: 300px;
    margin: 0 12px 12px 0;
    float: left;
    box-sizing: border-box;
    font-size: 14px;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 5px #ddd;
    background: url(../images/index_new/tonggang.png)center center no-repeat;
    position: relative;
    overflow: hidden;
}

.js-con .con ul li:nth-child(2) {
    background: url(../images/index_new/songhongkang.jpg)center center no-repeat;
}

.js-con .con ul li:nth-child(3) {
    background: url(../images/index_new/zhouyang.png)center center no-repeat;
}

.js-con .con ul li:nth-child(4) {
    background: url(../images/index_new/leifengyang.png)center center no-repeat;
}

.js-con .con ul li:nth-child(5) {
    background: url(../images/index_new/miaochuanhai.png)center center no-repeat;
}

.js-con .con ul li:nth-child(6) {
    background: url(../images/index_new/liyuting.png)center center no-repeat;
}

.js-con .con ul li:nth-child(7) {
    background: url(../images/index_new/mengqingxiang.png)center center no-repeat;
}

.js-con .con ul li:nth-child(8) {
    background: url(../images/index_new/zhangxiaofei.png)center center no-repeat;
}

.js-con .con ul li:nth-child(9) {
    background: url(../images/index_new/fengjie.png)center center no-repeat;
}

.js-con .con ul li:nth-child(10) {
    background: url(../images/index_new/zhangchen.png)center center no-repeat;
    margin-bottom: 0;
}

.js-con .con ul li:nth-child(11) {
    background: url(../images/index_new/wushengran.png)center center no-repeat;
    margin-bottom: 0;
}

.js-con .con ul li:nth-child(12) {
    background: url(../images/index_new/zuoyuan.png)center center no-repeat;
    margin-bottom: 0;
}

.js-con .con ul li:nth-child(13) {
    background: url(../images/index_new/zhangtianyu.png)center center no-repeat;
}

.js-con .con ul li:nth-child(14) {
    background: url(../images/index_new/liubo.png)center center no-repeat;
    margin-bottom: 70px;
}

.js-con .con ul li:nth-child(15) {
    background: url(../images/index_new/moreteacher.png)center center no-repeat;
    margin-bottom: 0;
}



.js-con .con ul li:nth-child(15) a {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 120px;
    padding-left: 40px;
    font-size: 18px;
    background: url(../images/index_new/spmore.png)135px 120px no-repeat;
    letter-spacing: 2px;
    transition: all .3s linear;
}

.js-con .con ul li:nth-child(15):hover a {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 120px;
    padding-left: 50px;
    font-size: 18px;
    background: url(../images/index_new/spmore.png)145px 120px no-repeat;
    letter-spacing: 2px;
}

.js-text {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 15px;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-sizing: border-box;
    line-height: 1;
}

.js-text b {
    display: block;
    font-size: 22px;
    color: #272848;
    margin-bottom: 12px;
    position: relative;
}

.js-text b::after {
    position: absolute;
    top: 0;
    left: 75px;
    content: '';
    height: 22px;
    width: 1px;
    background: rgba(39, 40, 72, .6);
}

.js-text b span {
    margin-left: 16px;
    font-size: 14px;
    font-weight: normal;
    color: rgba(39, 40, 72, .6);
}

.js-text p {
    font-size: 14px;
    color: rgba(39, 40, 72, .6);
}

.js-jianjie {
    position: absolute;
    width: 100%;
    height: 100%;
    background:
        -webkit-linear-gradient(top, rgba(33, 202, 161, .9)60%, rgb(33, 202, 161)40%);
    border-radius: 5px;
    top: 100%;
    left: 0;
    transition: all .3s linear;
    box-sizing: border-box;
    padding: 30px 20px;
}

.js-jianjie h6 {
    color: #fff;
    font-size: 22px;
    padding-left: 15px;
    line-height: 1;
    position: relative;
    margin-bottom: 10px;
}

.js-jianjie h6::after {
    position: absolute;
    width: 5px;
    height: 22px;
    top: 0px;
    left: 0;
    background: #fcc442;
    content: '';
}

.js-jianjie span {
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

.js-jianjie p {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.js-con .con ul li:hover .js-jianjie {
    top: 0;
}

/* service s */
.servicebox {
    width: 100%;
    background: #F5F5F5;
    padding: 90px 0 80px 0;
}

.servicebox .service {
    width: 1200px;
    margin: 0 auto;
}

.service ul {
    margin-top: 60px;
}

.service ul li {
    width: 100%;
    height: 125px;
    margin-bottom: 48px;
}

.service ul li:nth-child(2) {
    height: 152px;
}

.service ul li:nth-child(2) .s-item {
    height: 152px;
}

.service ul li:nth-child(3) {
    margin: 0;
}

.service ul li p {
    float: left;
    width: 233px;
    height: 125px;
    background: url(../images/index_new/servebg-1.png)center center no-repeat;
    line-height: 126px;
    text-align: center;
    font-size: 40px;
    color: rgba(255, 255, 255, .9);
    font-weight: bold;
    border-radius: 10px;
    margin-right: 16px;
    position: relative;
}

.service ul li:nth-child(2) p {
    height: 152px;
    background: url(../images/index_new/servebg-2.png)center center no-repeat;
    line-height: 152px;
}

.service ul li:nth-child(1) p::after,
.service ul li:nth-child(2) p::after {
    content: '';
    position: absolute;
    width: 21px;
    height: 14px;
    background: url(../images/index_new/s-jy.png)center center no-repeat;
    bottom: -30px;
    left: 50%;
    margin-left: -16px;
}

.service ul li:nth-child(3) p {
    background: url(../images/index_new/servebg-3.png)center center no-repeat;
}

.service ul li .s-item {
    float: left;
    width: 468px;
    height: 125px;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    position: relative;
    padding-left: 40px;
    box-sizing: border-box;
    border-radius: 10px;
}

.service ul li h5 {
    padding-top: 26px;
    font-size: 22px;
    font-weight: bold;
    color: #9c30f8;
    position: relative;
    margin-bottom: 24px;
    line-height: 1;
}

.service ul li:nth-child(2) h5 {
    color: #4385ff;
}

.service ul li:nth-child(3) h5 {
    color: #0c9;
}

.service ul li h5::before {
    content: '';
    position: absolute;
    width: 66px;
    height: 62px;
    bottom: -5px;
    left: -45px;
}

.service ul li h5.s-one::before {
    background: url(../images/index_new/s-1.png) center center no-repeat;
}

.service ul li h5.s-two::before {
    background: url(../images/index_new/s-2.png) center center no-repeat;
}

.service ul li h5.s-three::before {
    background: url(../images/index_new/s-3.png) center center no-repeat;
}

.service ul li h5.s-four::before {
    background: url(../images/index_new/s-4.png) center center no-repeat;
}

.service ul li h5.s-six::before {
    background: url(../images/index_new/s-6.png) center center no-repeat;
}

.service ul li h5.s-five::before {
    background: url(../images/index_new/s-5.png) center center no-repeat;
}

.service ul li span {
    font-size: 16px;
    color: #272848;
    line-height: 1;
}

.service ul li b {
    font-size: 16px;
    margin-right: 10px;
    position: relative;
    background: url(../images/index_new/bluebg.png)center bottom repeat-x;
    font-weight: normal;
}

/* service e */
/* 荣誉 */

.head {

    height: 36px;
    line-height: 36px;
    background-color: #F5F7FA;
    overflow: hidden;
    font-size: 12px;
}

.head_in {
    width: 1200px;
    margin: 0 auto;
    height: 36px;
    box-sizing: border-box;
}

.head .left {
    float: left;
}

.head .left span {
    padding: 0px 10px;
    background-color: #00cc99;
    height: 100%;
    color: #fff;
    margin-right: 28px;
    display: inline-block;
    height: 36px;
}

.head .left a:hover {
    color: #00cc99;
}

.head .left a {
    color: rgba(39, 40, 72, 0.8);
}

.head-right {
    float: right;
    line-height: 36px;
    padding-left: 35px;
    background: url(../images/indexIcon/icon/headphone.png)left center no-repeat;
    color: rgba(39, 40, 72, 0.8);
    font-size: 14px;
}

/* 新闻头条 start */

.news-box {
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
    font-family: "微软雅黑";
    margin-bottom: 50px;
}

.news-box h5 {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
    font-size: 30px;
    line-height: 1;
    color: #272848;
}

.news {
    float: right;
    width: 584px;
    height: 396px;
    box-sizing: border-box;
    padding: 60px 0 15px 28px;
    box-shadow: 0 0 10px #ddd;
    border-radius: 10px;
    position: relative;
}

.news::after {
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    top: -10px;
    left: 10px;
    background: #01ca9a;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 1;
}

.news::before {
    content: '';
    width: 10px;
    height: 386px;
    position: absolute;
    top: -10px;
    right: -10px;
    background: #01ca9a;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
}

.news .newsmask {
    width: 584px;
    height: 15px;
    position: absolute;
    background: #fff;
    overflow: hidden;
    top: 0;
    left: 0px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    z-index: 99;
}

.news .newstitle {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 999;
    color: #fff;
    background: #FF8300;
    padding: 10px 30px;
    line-height: 1;
    font-size: 20px;
    font-weight: bold;
    border-top-right-radius: 30px;
    letter-spacing: 2px;
}

.hyrd .hyrdmask,
.jsjj .jsjjmask {
    width: 584px;
    height: 15px;
    position: absolute;
    background: #fff;
    overflow: hidden;
    bottom: 0;
    left: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 99;
}

.hyrd .hyrdtitle,
.jsjj .jsjjtitle {
    position: absolute;
    width: 100%;
    left: 0;
    top: 10px;
    height: 40px;
    z-index: 999;

}

.hyrd .hyrdtitle span,
.jsjj .jsjjtitle span {
    float: left;
    color: #fff;
    background: #4286FE;
    padding: 10px 30px;
    line-height: 1;
    font-size: 20px;
    font-weight: bold;
    border-top-right-radius: 30px;
    letter-spacing: 2px;
}

.hyrd .hyrdtitle a,
.jsjj .jsjjtitle a {
    float: right;
    color: #368AFF;
    line-height: 40px;
    font-size: 14px;
    margin-right: 25px;
}

.news-box .con .rr li {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 21px;
    position: relative;
    padding-left: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding-right: 25px;
}

.news-box .con .rr li a {
    color: #272848;
}

.news-box .con .rr li::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    vertical-align: middle;
    background: #4385FF;
    left: 3px;
    top: 6px;
}

.news-box .con .rr li:hover a {
    color: #4385FF;
}

.news-box .con .rr li:hover::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    background: #4385FF;
    left: 0px;
    top: 3px;
    border-radius: 50%;
}

.news-box .hyrd .con .rr li::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    vertical-align: middle;
    background: #FF5C33;
    left: 3px;
    top: 6px;
}

.news-box .jsjj .con .rr li::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    vertical-align: middle;
    background: #FF5C33;
    left: 3px;
    top: 6px;
}

.news-box .hyrd .con .rr li:hover a {
    color: #FF5C33;
}

.news-box .hyrd .con .rr li:hover::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    background: #FF5C33;
    left: 0px;
    top: 3px;
    border-radius: 50%;
}

.news-box .jsjj .con .rr li:hover a {
    color: #FF5C33;
}

.news-box .jsjj .con .rr li:hover::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    background: #FF5C33;
    left: 0px;
    top: 3px;
    border-radius: 50%;
}

.tt_box {
    float: left;
    position: relative;
}

.tt {
    width: 584px;
    height: 396px;
    position: relative;
    border-radius: 10px;
    background: url(../images/index_new/newsvideo.png)center center no-repeat;
}

.tt_box::after {
    content: '';
    width: 100%;
    height: 10px;
    position: absolute;

    top: -10px;
    left: -10px;
    background: #01ca9a;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tt_box::before {
    content: '';
    width: 16px;
    height: 386px;
    position: absolute;

    top: -10px;
    left: -10px;
    background: #01ca9a;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.news-box .bf p {
    width: 100%;
    position: absolute;
    bottom: 27px;
    left: 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
    letter-spacing: 10px;
    line-height: 1;
}


.news-box .bf .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: rgba(45, 47, 59, 0.2);
    transition: all 0.5s ease;
    border-radius: 10px;
    display: flex;
}

.news-box .bf .bg h6 {
    padding-top: 60px;
    background: url(../images/index_new/bf.png)center top no-repeat;
    position: relative;
    top: -30px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 5px;
    color: #fff;
}

.hyrd {
    float: left;
    width: 584px;
    height: 396px;
    box-sizing: border-box;
    padding: 60px 0 15px 28px;
    box-shadow: 0 0 10px #ddd;
    border-radius: 10px;
    position: relative;
    margin-top: 20px;
}

.hyrd::after {
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -10px;
    left: -10px;
    background: #01ca9a;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
}

.hyrd::before {
    content: '';
    width: 10px;
    height: 386px;
    position: absolute;
    bottom: -10px;
    left: -10px;
    background: #01ca9a;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 1;
}

.jsjj {
    float: right;
    width: 584px;
    height: 396px;
    box-sizing: border-box;
    padding: 60px 0 15px 28px;
    box-shadow: 0 0 10px #ddd;
    border-radius: 10px;
    position: relative;
    margin-top: 20px;
}

.jsjj::after {
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -10px;
    left: 10px;
    background: #01ca9a;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
}

.jsjj::before {
    content: '';
    width: 10px;
    height: 386px;
    position: absolute;
    bottom: -10px;
    right: -10px;
    background: #01ca9a;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
}

#xcp_btn img {
    width: 580px;
    height: 332px;
}

.news-box .bf .bg:hover {
    background-color: rgba(45, 47, 59, 0);
}

.news-box .bf .bg:hover h6 {
    background: url(../images/index_new/bf-h.png)center top no-repeat;
}

.prism-player {
    width: 580px;
    height: 360px !important;
}

/* 技术热议 */
.jsry_con .con {
    display: flex;
    margin-top: 10px;
}

.jsry_con .con .con_item {
    width: 385px;
    height: 380px;
    border: 1px solid #f2f2f2;
    margin-left: 13px;
    padding: 17px 20px;
    box-sizing: border-box;
}

.jsry_con .con .con_item:first-child {
    margin-left: 0;
}

.item_top .item_left {
    width: 149px;
    height: 38px;
    background: url(../images/indexIcon/jsry/title_bgc.png) no-repeat center;
    font-size: 20px;
    text-align: left;
    line-height: 38px;
    text-indent: 26px;
    color: #fff;
    float: left;
    position: absolute;
    left: -20px;
    font-weight: 700;
}

.item_top {
    position: relative;
    height: 40px;
}

.item_top .jiahao {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/indexIcon/jsry/jiaicon.png) no-repeat center;
    float: right;
    transition: transform .4s ease-out;


}

.item_top .jiahao:hover {
    transform: rotateZ(180deg);

}

.article_img {
    position: relative;
    margin-top: 17px;
    overflow: hidden;

}

.article_img .title {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    padding-left: 15px;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
}

.article_list .article {
    display: block;
    position: relative;
    padding-left: 10px;
    line-height: 2.5;
    color: #063d71;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article_list .article:hover {
    color: #e73f3e;
}

.article_list .article::before {
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #063d71;
    position: absolute;
    left: 0;
    top: 14px;
}

.article_list {
    padding-left: 16px;
    margin-top: 10px;
}


/* 轮播图banner样式 */
.swiper-container {
    width: 100% !important;
}

.swiper-slide {
    width: 100% !important;
}



.toutiao_con {
    width: 100%;
}

.img_tiofu {
    margin: 0 auto;
    width: 100%;
    height: 80px;
    background: url(../images/tt_new.jpg)center center no-repeat;
    text-align: center;
    overflow: hidden;
    /* background-size:contain; */
}

.maskbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.maskbox a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 443px;
    height: 331px;
    background: url(../images/indexIcon/popup.png)center center no-repeat;
    margin-top: -165px;
    margin-left: -221px;
}

.maskbox i {
    position: absolute;
    width: 31px;
    height: 31px;
    background: url(../images/indexIcon/close.png)no-repeat center center;
    top: 50%;
    left: 50%;
    margin-left: 240px;
    margin-top: -190px;
    cursor: pointer;
}

.rybox {
    width: 100%;
    background: #4e8bfe;
    padding: 10px 30px;
    box-sizing: border-box;
    margin-top: 38px;
    overflow: hidden;
}

.rybox .rycontent {
    width: 100%;
    height: 244px;
    position: relative;
}

.rycontent ul {
    width: 5000px;
    position: absolute;
    left: 0;
}

.rycontent ul li {
    width: 292px;
    height: 244px;
    float: left;
    margin-right: 10px;
    background: #fff;
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
    border: 2px solid #fff;
}

.rycontent ul li div {
    width: 100%;
    height: 187px;

}

.rycontent ul li p {
    width: 100%;
    height: 53px;
    background: #4e8bfe;
    box-sizing: border-box;
    line-height: 1.5;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding-top: 6px;
}

.rycontent ul li div.ry-ygw {
    background: url(../images/index_new/newry-1.png) center center no-repeat;
}

.rycontent ul li div.ry-dd {
    background: url(../images/index_new/newry-2.png) center center no-repeat;
}

.rycontent ul li div.ry-bd {
    background: url(../images/index_new/newry-3.png) center center no-repeat;
}

.rycontent ul li div.ry-xl {
    background: url(../images/index_new/newry-4.png) center center no-repeat;
}

.rycontent ul li div.ry-tx {
    background: url(../images/index_new/newry-5.png) center center no-repeat;
}

.rycontent ul li div.ry-fhw {
    background: url(../images/index_new/newry-6.png) center center no-repeat;
}

.rycontent ul li div.ry-bjjs {
    background: url(../images/index_new/newry-7.png) center center no-repeat;
}

.rycontent ul li div.ry-hw {
    background: url(../images/index_new/newry-8.png) center center no-repeat;
}

.rycontent ul li div.ry-yx {
    background: url(../images/index_new/newry-9.png) center center no-repeat;
}

.ry-text {
    width: 1200px;
    margin: 0 auto;
    margin-top: 70px;
    font-size: 0;
    line-height: 1;
}

.ry-text p {
    font-size: 22px;
    line-height: 1;
    color: #272848;
    text-align: center;
    margin-bottom: 38px;
    font-weight: bold;
}

.ry-text h5 {
    width: 558px;
    height: 22px;
    margin: 0 auto;
    margin-top: 10px;
    background: url(../images/index_new/ry-red.png) center center no-repeat;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    line-height: 22px;
}

.right p {
    font-size: 18px;
    color: #272848;
}

/* html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%);} */